// JSX嵌套JSX
// 可以把标签也看成是一种特殊的变量来理解以下代码

import { StyleSheet, Text, View } from 'react-native';

export default function App() {
  const msg = '我是react-native';
  const getNum = () => {
    return 100;
  };
  return (
    <>
      <View>
        <Text>11111111111111</Text>
        <Text>11111111111111</Text>
      </View>
      {/* JSX嵌套使用 */}
      <View style={styles.title}>
        {
          <View style={styles.title2}>
            {<Text style={styles.title3}>Hello React-Native</Text>}
          </View>
        }
      </View>
    </>
  );
}

const styles = StyleSheet.create({
  title: {
    padding: 10,
    backgroundColor: 'pink',
  },
  title2: {
    padding: 10,
    backgroundColor: 'blue',
  },
  title3: {
    padding: 10,
    backgroundColor: 'orange',
  },
});
